<!--
 * @Author: wangshuguang
 * @Date: 2022-02-17 16:29:20
 * @LastEditTime: 2022-03-15 20:59:16
 * @LastEditors: wangshuguang
 * @Description: 文件描述...
-->
<template>
  <div class="infoConfig">
    <el-form :v-model="form" label-width="100px">
      <!-- 商户详情 -->
      <div class="agtDetail">
        <div class="leftLine mg-b-20">业务信息</div>
        <el-form-item label="业务单号">{{ form.businessNo }}</el-form-item>
        <el-form-item label="业务类型">{{ form.businessType }}</el-form-item>
        <el-form-item label="所属插件">{{ form.pluginName }}</el-form-item>
        <el-form-item label="备注">{{ form.remark }}</el-form-item>
        <!-- <el-form-item label="完成时间">{{ dateFtt('yyyy-MM-dd hh:mm:ss',new Date(form.createTime)) }}</el-form-item> -->
        <el-form-item label="完成时间">{{ form.createTime }}</el-form-item>
        <div class="leftLine mg-b-20">交易入账信息</div>
        <el-form-item label="支付单号">{{ form.payTranNo }}</el-form-item>
        <el-form-item label="状态">{{ form.rechargeStatusZh }}</el-form-item>
        <el-form-item label="出入账类型">{{ form.symbolPayAmount }}</el-form-item>
        <el-form-item label="出账方">{{ form.payerName }}</el-form-item>
        <el-form-item label="入账方">{{ form.payeeName }}</el-form-item>
        <el-form-item label="资金类型">{{ form.payType }}</el-form-item>
        <!-- <el-form-item label="入账时间">{{ dateFtt('yyyy-MM-dd hh:mm:ss', new Date(form.updateTime)) }}</el-form-item> -->
        <el-form-item label="入账时间">{{ form.updateTime }}</el-form-item>
      </div>

    </el-form>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import { dateFtt } from '@/utils'
import dayjs from 'dayjs'
export default {
  props: {
    infoConfig: {}
  },
  data() {
    return {
      dateFtt,
      form: {},
      payType: {
        WX: '微信',
        ZFB: '支付宝',
        WALL: '钱包余额'
      }
    }
  },
  computed: {
    baseData() { return this.infoConfig.data },
    pageType() { return this.infoConfig.type }
  },
  mounted() {
    this.form = this.infoConfig.data
    this.form.createTime = dayjs(this.infoConfig.data.createTime).format('YYYY-MM-DD HH:mm:ss')
    this.form.updateTime = dayjs(this.infoConfig.data.updateTime).format('YYYY-MM-DD HH:mm:ss')

    console.log('看看带过来的是啥', this.infoConfig.data)
  },
  methods: {
    resolve() {
      this.$confirm('是否确定审核通过？请务必确认已收到对应款项，审核通过后系统将自动给租户：划算吧 下发100000流量', '提示').then(_ => {
      })
    },
    reject() {
      this.$confirm('是否确定拒绝？', '提示').then(_ => {
      })
    },
    addLine(type) {
      switch (type) {
        case 'merc':
          this.mercList.push({ name: '一级代理', a: 123, b: 123 })
          break
        default:
          break
      }
    }
  }

}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.infoConfig{
  padding: 20px;
}
::v-deep.imgArr{
  .avue-upload__avatar{
    width: 100px;
    margin-right: 20px;
  }
}
</style>
